@import "public.scss";

html,body{
  background: #fff;
}

.return-header{
  background-color: #1f2735;
  height: px2rem(55px);
  padding-top: px2rem(15px);
  .title{
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: px2rem(17px);
    color: #fff;
  }
  img{
    margin-left: px2rem(15px);
    width:px2rem(22px);
    height:px2rem(20px);
  }
}

.container-wrap{
  width:100%;
  padding-right: px2rem(15px);
  padding-left: px2rem(15px);
  margin-right: auto;
  margin-left: auto;
  .navpic-top{
    margin-top: px2rem(20px);
    display: flex;
    flex-wrap: wrap;
    .navlist-left{
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
      .mystudent{
        background: url(../images/mystudent.png);
        height: px2rem(70px);
        color: #fff;
        font-size: px2rem(15px);
        background-size: 100% 100%;
        padding-top: px2rem(15px);
        padding-left: px2rem(20px);
        margin-right : px2rem(15px);
      }
    }
    .navlist-right{
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
      .myfuli{
        background: url(../images/myfuli.png);
        height: px2rem(70px);
        color: #fff;
        font-size: px2rem(15px);
        background-size: 100% 100%;
        padding-top: px2rem(15px);
        padding-left: px2rem(20px);
        margin-left : px2rem(15px);
        .hold{
          font-size: px2rem(10px);
          color: #fff;
        }
      }
    }
  }
  .apprentice-wrap{
    margin-top: px2rem(20px);
    font-size: px2rem(18px);
    color: rgb(51, 51, 51);
    margin-left: px2rem(5px);
  }
  .share-wrap{
    display: flex;
    flex-wrap: wrap;
    background-color: #f8f8f8;
    border-radius: px2rem(10px);
    height: px2rem(113px);
    margin-left: px2rem(5px);
    margin-right: px2rem(5px);
    margin-top: px2rem(15px);
    padding-top: px2rem(15px);
    .list-wrap{
      flex: 0 0 25%;
      max-width: 25%;
      text-align: center;
      font-size: px2rem(13px);
      color: #999;
      position: relative;
      width: 100%;
      padding-right: px2rem(15px);
      padding-left: px2rem(15px);
      img{
        height: px2rem(55px);
        width: px2rem(55px);
        margin-bottom: px2rem(5px);
      }
    }
  }
  .tooltips-wrap{
    margin: px2rem(15px) px2rem(3px);
    padding: px2rem(10px);
    color: #fff;
    background-color: #ffc107;
    font-size: px2rem(16px);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
  }
}






